﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Product.aspx.cs" Inherits="DemoDataList_Product" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 990px;
        }
        .style2
        {
            width: 201px;
        }
        .style3
        {
            width: 259px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <table class="style1">
            <tr>
                <td class="style2"  valign="top">
                    <asp:Repeater ID="rptCategory" runat="server">
                    <ItemTemplate>
                        <asp:HyperLink ID="HyperLink2" NavigateUrl='<%# "~/DemoDataList/Product.aspx?cid=" + Eval("id") %>' runat="server"><%# Eval("Name") %></asp:HyperLink><br />
                    </ItemTemplate>
                    </asp:Repeater>
                </td>
                <td valign="top">
                    <asp:DataList ID="dlstProduct" runat="server" CellPadding="4" 
                        ForeColor="#333333" RepeatColumns="3">
                        <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                        <AlternatingItemStyle BackColor="White" ForeColor="#284775" />
                        <ItemStyle BackColor="#F7F6F3" ForeColor="#333333" />
                        <SelectedItemStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                        <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                        <ItemTemplate>
                            <table class="style3">
                                <tr>
                                    <td align="center">
                                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("PName") %>'></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <asp:Image ID="Image1" runat="server" Height="169px" 
                                            ImageUrl='<%# "~/images/" + Eval("Picture") %>' Width="174px" />
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <asp:Label ID="Label2" runat="server" Text='<%# "Price:" + Eval("Price") %>'></asp:Label>
                                        &nbsp;/
                                        <asp:HyperLink ID="HyperLink1" runat="server" 
                                            NavigateUrl='<%# "~/Productdetail.aspx?pid=" + Eval("pid") %>'>Detail</asp:HyperLink>
                                    </td>
                                </tr>
                            </table>
                        </ItemTemplate>
                    </asp:DataList>
                </td>
            </tr>
            <tr>
                <td class="style2"  valign="top">
                    &nbsp;</td>
                <td valign="top">
                    <asp:Label ID="Label3" runat="server" Text="Trang: "></asp:Label>
                </td>
            </tr>
        </table>
    
    </div>
    </form>
</body>
</html>
